<template>
	<view class="Records">
		<titleBox title="使用记录"></titleBox>
		<view class="row m-top18">
			<text class="Records-title" user-select>消费码：</text>
			<text class="Records-txt" user-select>{{pageData.use_code}}</text>
		</view>
		<view class="row m-top18">
			<text class="Records-title" user-select>使用时间：</text>
			<text class="Records-txt" user-select>{{pageData.use_time}}</text>
		</view>
		<view class="row m-top18" v-if="pageData.check_shop">
			<text class="Records-title" user-select>核销门店：</text>
			<text class="Records-txt" user-select>{{pageData.check_shop}}</text>
		</view>
		<view class="row m-top18" v-if="pageData.staffs">
			<text class="Records-title" user-select>核销员工：</text>
			<text class="Records-txt" user-select>{{pageData.staff}}</text>
		</view>
		<view class="lookOrder" @click="toUrl(`/orderPage/order/orderDetail?order_id=${pageData.order_id}`)">订单详情</view>
	</view>
</template>

<script>
	import titleBox from '@/subCard/components/titleBox.vue'
	export default {
		props: ['pageData'],
		components: {
			titleBox
		},
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.Records {
		width: 690rpx;
		margin: 24rpx auto 0;
		background-color: #ffffff;
		padding: 20rpx;
		border-radius: 10rpx;

		&-title {
			min-width: 150rpx;
			color: #333;
			font-size: 30rpx;
			text-align: right;
		}

		&-txt {
			flex: 1;
			color: var(--color);
			font-size: 30rpx;
		}

		.lookOrder {
			width: 260rpx;
			height: 70rpx;
			margin: 24rpx auto 10rpx;
			border: 1px solid #e4e4e4;
			border-radius: 10rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 28rpx;
			color: var(--color);
		}
	}
</style>